<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />

	<style>
</style>

</h:head>

<h:body>

	<h:panelGroup id="dlgisert">

		<div class="feild-input">
			<h:outputLabel value="#{msg['name']}"></h:outputLabel>
			<h:inputText value="#{userBean.name}"></h:inputText>
		</div>
		<div class="feild-input">
			<h:outputLabel value="#{msg['phone_number']}">

			</h:outputLabel>
			<h:inputText value="#{userBean.contactNumber}" style="width:200px;">
				<p:ajax event="keyup" update="mess_contact"></p:ajax>
			</h:inputText>
		</div>
		<div class="feild-input">
			<h:outputText id="mess_contact" style="margin-left:97px;"
				value="#{userBean.messInvaildContactNumber}"></h:outputText>
		</div>
		<div class="feild-input">
			<h:outputLabel value="Email"></h:outputLabel>
			<h:inputText value="#{userBean.emailAddress}" style="width:200px;">
				<p:ajax event="keyup" update="mess_email"></p:ajax>
			</h:inputText>
		</div>
		<div class="feild-input">
			<h:outputText id="mess_email" style="margin-left:97px;"
				value="#{userBean.messInvaildEmail}"></h:outputText>
		</div>
		<div class="feild-input">
			<h:outputLabel value="#{msg['address']}"></h:outputLabel>
			<h:inputText value="#{userBean.address}" style="width:200px;"></h:inputText>
		</div>
		<div class="feild-input">
			<h:outputLabel value="Months recharge:"></h:outputLabel>
			<p:selectOneRadio value="#{userBean.monthsRecharge}"
				style="width:200px;">
				<f:selectItem itemLabel="1" itemValue="1"></f:selectItem>
				<f:selectItem itemLabel="2" itemValue="2"></f:selectItem>
				<f:selectItem itemLabel="3" itemValue="3"></f:selectItem>
			</p:selectOneRadio>
		</div>
		<div class="feild-action"
			style="margin-top: 10px !important; margin-bottom: 10px !important;">
			<h:inputHidden value="#{userBean.id}" />
			<p:calendar style="display:none;" value="#{userBean.serviceSubcribeDate}" />
			<h:inputHidden value="#{userBean.cardNumber}" />
			<p:commandButton id="ok_btn" value="#{msg['btn_ok']}" oncomplete="dlg.hide()" update=":growl,:form_user_infor"
				action="#{userBean.updateUserProfile}"></p:commandButton>

			<p:commandButton  value="#{msg['btn_cancel']}" oncomplete="dlg.hide()"></p:commandButton>
		</div>
	</h:panelGroup>


</h:body>
</html>